<script type="text/javascript">
	{literal}
	$(document).ready(function() {				
		// register sorter
		//$('#package_list').tablesorter();
		$('#package_list tbody tr:even').addClass('alt');				
	});	
	{/literal}
</script>

<br />
<div class="form_container" style="width: 760px; display: none;">

	<table cellspacing="0" cellpadding="0">
		<tr>							
			<td class="field" align="right" width="100px">				
				<div id="barLoading" style="display:none;">
					<img src="{$base_uri}images/ajax-loader.gif"/>
				</div>				
			</td>									
		</tr>		
	</table>
</div>

<div id="package_container" style="margin-top: 5px">	
	<table id="package_list" cellspacing="0" cellpadding="0" class="grid" width="780px">
		<thead>
			<tr>
				<th class="first" width="30px">{translate}Order number{/translate}</th>
				<th width="200px">{translate}Name{/translate}</th>
				<th>{translate}Description{/translate}</th>				
				<th class='last'>&nbsp;</th>						
			</tr>
		</thead>
		<tbody>
		{if isset($packageList)}
		{php}$count = 1; $this->assign('count', $count);{/php}	
		{foreach from=$packageList key=name item=value}		
			<tr id="{$value.package_id}">
			<td  class="first"><span class="order">{$count}</span></td>	
			<td>{$value.name}</td>
			<td>{$value.note} &nbsp;</td>		
			<td width="30px" class="last">
				<a href="javascript:deletePackage({$value.package_id});" title="delete package service">
				<img src="{$base_uri}/images/remove_small.png" alt="{translate}Delete{/translate}" />
				</a>
			</td>	
			</tr>
			{php}$count++; $this->assign('count', $count);{/php}		
		{/foreach}
		{else}
			<tr><td class="first last" colspan="4" id="noresult">{translate}No service package available{/translate}</td></tr>
		{/if}
		</tbody>
	</table>		
</div>
